<template>
    <div class="helloworld">
        {{msg}}
        <p @click="clickme">点我</p>
        <a href="">helloworld!!!</a>
    </div>
</template>

<!--通过scss指定预处理语言  通过scoped属性来限制css样式只能作用在当前组件内部-->
<style lang="scss" scoped>
    .helloworld{
        p{
            color:red;
        }
    }
    a{
        color:green;
    }

    
</style>

<script>
export default {
    data(){
        return {
            msg:"我是helloworld组件！"
        }
    },
    methods:{
        clickme(){
            alert("被点击了！")
        }
    }
}
</script>

